<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="../css/首页.css">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/mobile/need/layer.css" rel="stylesheet" />
<link rel="stylesheet" href="../引用/轮播.css">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  html,
  body {
    position: relative;
    height: 100%;
    background-color: #fff;

  }

  body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }

  .swiper-container {
    width: 1530px;
    height: 606px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #tuichu:hover {
    cursor: pointer;
    color: rgb(102, 240, 233);
  }

  #gouwu:hover {
    cursor: pointer;
    color: rgb(102, 240, 233);
  }
</style>

<body>
  <div id="tou">
    <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-1">欢太品牌 </div>
      <div class="col-md-1">欢太云服务</div>
      <div class="col-md-1">软件商店　健康</div>
      <div class="col-md-3"></div>
      <div style="margin-right: -100px;" class="col-md-1">下载欢太APP |</div>
      <a id="a-1" class="a-1" href="登录1.html" class="col-md-1">🎎登录　|</a>
      <a class="a-1" href="注册.html" class="col-md-1">　注册　|</a>
      <span id="gouwu" class="a-1" class="col-md-1">🛒购物车</span>
      <div id="tuichu" onclick="tuichu()" style="margin-left: 80px;" class="col-md-1" style="color: azure;">退出登录</div>

    </div>
  </div>

  <div id="logo">
    <div style="background-color: #fff;" class="row">
      <div class="col-md-1"></div>
      <div class="col-md-2">
        <img style="width: 238px;
        height: 50px;" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp"
          alt="">
      </div>
      <div class="col-md-1">OPPO专区</div>
      <div class="col-md-1">OnePlus专区</div>
      <div class="col-md-1">realme专区</div>
      <div class="col-md-1">智能硬件</div>
      <div class="col-md-1">潮流好物</div>
      <div class="col-md-1">服务</div>

      <div class="col-md-2">
        <input style="width: 80%;
        height: 36px;
        background-color: rgb(237, 237, 237);border-radius: 36px;
        border: 2px solid #cbcaca;" type="text" placeholder="OPPO Reno6">
        <span class="
        glyphicon glyphicon-search" aria-hidden="true"></span>
      </div>
      <div class="col-md-1"></div>
      <div class="col-md-1"></div>
    </div>
  </div>

  <div style="overflow:hidden" class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img class="img-1" src="https://dsfs.oppo.com/archives/202108/20210805090846610be5727dfad.jpg?_w_=5120&_h_=1192"
          alt="">
      </div>
      <div class="swiper-slide"> <img class="img-1"
          src="https://dsfs.oppo.com/archives/202108/20210807110800610eacd45ceb3.jpg?_w_=5120&_h_=1192" alt=""></div>
      <div class="swiper-slide"> <img class="img-1"
          src="https://dsfs.oppo.com/archives/202107/20210731110717610571ed12b04.png?_w_=5120&_h_=1192" alt=""></div>
      <div class="swiper-slide"> <img class="img-1"
          src="https://dsfs.oppo.com/archives/202108/202108041008006109f7707f1d6.jpg?_w_=5120&_h_=1192" alt=""></div>

    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
  <br><br><br>
  <div>
    <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-2">
        <img class="c-1" src="../img/c-1.png" alt="">
      </div>
      <div class="col-md-6"><img style="margin-left: 70px;
      width: 596px;
      height: 90px;" src="../img/c-2.png" alt=""></div>
      <div class="col-md-2"> <img style="margin-left: -100px;" class="c-1" src="../img/c-1.png" alt=""></div>
      <div class="col-md-1"></div>
    </div>
  </div>
  <br><br>
  <div id="si">
    <div class="row">
      <div class="col-md-1"></div>
      <div class="col-md-2"><img class="img-2" style="margin-left:30px ;"
          src="https://dsfs.oppo.com/archives/202107/2021070511070060e275ece262f.png?_w_=626&_h_=360&x-oss-process=image/format,webp"
          alt=""></div>
      <div class="col-md-2"><img class="img-2" style="margin-left:80px ;"
          src="https://dsfs.oppo.com/archives/202105/2021052403050360ab501fe58dc.png?_w_=626&_h_=360&x-oss-process=image/format,webp"
          alt=""></div>
      <div class="col-md-2"><img class="img-2" style="margin-left:130px ;"
          src="https://dsfs.oppo.com/archives/202107/2021072204070760f9331f0cf2b.png?_w_=626&_h_=360&x-oss-process=image/format,webp"
          alt=""></div>
      <div class="col-md-2"><img class="img-2" style="margin-left:180px ;"
          src="https://dsfs.oppo.com/archives/202107/2021070806075660e6d1c4539d4.png?_w_=626&_h_=360&x-oss-process=image/format,webp"
          alt=""></div>
      <div class="col-md-1"></div>

    </div>
  </div>
  <br><br>
  <div class="row">
    <div class="col-md-1"></div>
    <h3 style="color: red;" class="col-md-2">　限时秒杀</h3>
    <div class="col-md-6"></div>
    <h4 class="col-md-2">　查看更多></h4>
    <div class="col-md-1"></div>
  </div>
  <br><br>
  <!-- 数据 -->
  <ul id="ul-1"></ul>
  <br><br>
  <footer style="width: 1264px;
 height: 723.6px;

 margin: 0 auto;">

    <div>
      <img style="margin-left: 200px;" class="img-3" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg"
        alt="">
      <img class="img-3" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
      <img class="img-3" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
      <img class="img-3" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
      <img class="img-3" src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
    </div>


    <span id="span">7天无理由退货 　　
      7天无理由退货　　&nbsp;&nbsp;
      7天无理由退货　　&nbsp;&nbsp;
      7天无理由退货　　&nbsp;&nbsp;
      7天无理由退货　　
    </span>
    <br><br>
    <hr style="color: #000;">

    <div class="row" style="font-size: 20px;
    font-weight: 600;">
      <div class="col-md-2">关于欢太</div>
      <div class="col-md-2">OPPO产品</div>
      <div class="col-md-2">一加产品</div>
      <div class="col-md-2">realme产品</div>
      <div class="col-md-2">服务政策</div>
      <div class="col-md-2"><button id="btn">
          🎧 在线客服
        </button>


      </div>

    </div>
    <div>
      <div class="oli">
        <div class="row" style="font-size: 15px;
    font-weight: 500;line-height: 50px;
  ">
          <div class="col-md-2">了解欢太</div>
          <div class="col-md-2">OPPO Reno6</div>
          <div class="col-md-2">OnePlus 9 Pro</div>
          <div class="col-md-2">真我GT 大师探索版</div>
          <div class="col-md-2">OPPO售后政策</div>
          <div class="col-md-2">
            <h3 style="height: 30px;">　400-1999-666</h3>
          </div>
        </div>
      </div>

      <div class="oli">
        <div class="row" style="font-size: 15px;
    font-weight: 500;">
          <div class="col-md-2">欢太产品与服务</div>
          <div class="col-md-2">OPPO Reno6 Pro</div>
          <div class="col-md-2">OnePlus 9</div>
          <div class="col-md-2">真我X7 Pro 至尊版</div>
          <div class="col-md-2">一加售后政策</div>
          <div class="col-md-2">
            <h6 style="margin-left: 80px;">24小时全国热线</h6>
          </div>
        </div><br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2">联系我们</div>
            <div class="col-md-2">OPPO Reno6 Pro+</div>
            <div class="col-md-2">OnePlus 9R</div>
            <div class="col-md-2">真我Q3 Pro</div>
            <div class="col-md-2">realme售后政策</div>
            <div class="col-md-2">

            </div>
          </div>

        </div>
        <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO Find X3 Pro</div>
            <div class="col-md-2">OnePlus 8T</div>
            <div class="col-md-2">真我V15</div>
            <div class="col-md-2">配送发货说明</div>
            <div class="col-md-2"></div>
          </div>

        </div>
        <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO Find X3 </div>
            <div class="col-md-2">OnePlus Watch</div>
            <div class="col-md-2">真我Buds Wireless 2 Neo</div>
            <div class="col-md-2">花呗分期说明</div>
            <div class="col-md-2"></div>
          </div>

        </div>
        <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO Reno5 </div>
            <div class="col-md-2">OnePlus Buds Pro</div>
            <div class="col-md-2"></div>
            <div class="col-md-2">电子发票说明</div>
            <div class="col-md-2"></div>
          </div>

        </div> <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO K9 </div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
          </div>

        </div> <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO K7x </div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
          </div>

        </div> <br>
        <div class="oli">
          <div class="row" style="font-size: 15px;
    font-weight: 500;">
            <div class="col-md-2"></div>
            <div class="col-md-2">OPPO A95</div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
            <div class="col-md-2"></div>
          </div>
        </div>
      </div>
      <br><br>
      <hr><br>
      <h6 style="color: #a3a1a1;"> 2021 欢太 版权所有 粤ICP备14012291号 |隐私政策|用户使用协议|资质证照|知识产权</h6>
      <br>
      <img src="https://dsfs.oppo.com/oppo/images/common/police-25797632ad.png?x-oss-process=image/format,webp" alt="">
      <h6 style="margin-top: -16px;margin-left: 25px;color: #a3a1a1; ">粤公网安备 44190002004935号</h6>
  </footer>
  <div id="huaguo">
    <div class="er">
      <p>热门推荐</p>
      <p>oppo</p>
      <p>OnePlus</p>
      <p>realme</p>
      <p>耳机影音</p>
      <p>原装配件</p>
      <p>智能穿戴</p>
      <p>智能电视</p>
      <p>日用百货</p>
      <p>数码周边</p>
      <p>家用电器</p>
      <p>个护健康</p>
      <p>家纺餐厨</p>
      <p>母婴亲子</p>
    </div>

    <div class="san">
      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox31

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox24

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox27

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13
      <br><br><br><br>

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox31

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox24

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox27

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13
      <br><br><br><br>

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox31

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox24

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox27

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13
      <br><br><br><br>

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox31

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox24

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202105/2021052505052460acc590d6cf0.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox27

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13

      <img class="img5"
        src="https://dsfs.oppo.com/archives/202103/20210325110327605c057778b57.png?_w_=320&_h_=320&x-oss-process=image/format,webp"
        alt=""> oppox13
    </div>
    <br><br><br><br>

  </div>
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js"></script>
  <script src="../js/首页.js"></script>
  <script src="../引用/轮播.js"></script>
  <script>
    var swiper = new Swiper('.swiper-container', {
      cssMode: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination'
      },
      mousewheel: true,
      keyboard: true,
    });
  </script>
</body>

</html>